<template>
	<view class="gsz">
		<view class="bottom">
			<view class="item" v-for="(item, index) in list" :key="index">
				<!-- <view class="item"> -->
				<view class="title">
					<view class="t1">{{ item.memo }}</view>
					<view class="t2">{{ item.score }}</view>
					<!-- <view class="t3">{{ '45分钟前' }}</view> -->
					<view class="t3">{{ $wanlshop.timeToChat(item.createtime) }}</view>
				</view>
				<view class="date">
					<view class="btn">申请中</view>
					<!-- <view class="num">{{ item.score }}</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			id: 0,
			list: []
		};
	},

	onLoad(e) {
		this.id = +e.id || 0;
		this.getDate();
	},
	methods: {
		getDate() {
			uni.request({
				url: `/wanlshop/user/scoreLog`,
				method: 'POST',
				success: (res) => {
					this.list = res.data.data;
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.gsz {
	min-height: 100vh;
	background-color: $bg1;
	box-sizing: border-box;

	.bottom {
		background: rgba(23, 5, 35, 1);
		margin-top: 30rpx;
		padding: 0 20rpx;
		.item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 2rpx solid rgba(39, 25, 81, 1);
			padding: 20rpx;
			.title {
				.t1 {
					font-size: 30rpx;
					font-weight: 500;
					letter-spacing: 0rpx;
					line-height: 42rpx;
					color: rgba(255, 255, 255, 1);
				}
				.t2 {
					// font-size: 24rpx;
					// font-weight: 500;
					// letter-spacing: 0rpx;
					// line-height: 33.6rpx;
					// color: rgba(189, 189, 189, 1);
					margin: 20rpx 0;
					font-size: 24rpx;
					font-weight: 500;
					letter-spacing: 0rpx;
					line-height: 33.6rpx;
					color: rgba(207, 77, 214, 1);
				}
				.t3 {
					font-size: 24rpx;
					font-weight: 500;
					letter-spacing: 0rpx;
					line-height: 33.6rpx;
					color: rgba(189, 189, 189, 1);
				}
			}
			.date {
				.btn {
					padding: 10rpx 20rpx;
					opacity: 1;
					border-radius: 10rpx;
					background: linear-gradient(90deg, rgba(96, 69, 251, 1) 0%, rgba(170, 40, 248, 1) 100%);
					font-size: 24rpx;
					font-weight: 500;
					letter-spacing: 1.2rpx;
					line-height: 33.6rpx;
					color: rgba(255, 255, 255, 1);
					margin-bottom: 20rpx;
				}
				.num {
				}
			}
		}
	}
}
</style>
